手順1：アプリケーションの設定

この手順では、Visual Studio で Gauges for UWP/WinRT を使用するアプリケーションを作成し、StackPanel パネルを追加して、アプリケーションに追加するコントロールのレイアウトをカスタマイズします。

プロジェクトを設定するには、次の手順に従います。

Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
［新しいプロジェクト］ダイアログボックスで、左ペインの言語を展開し、言語の下で［Windows ストア］を選択し、テンプレートリストで［新しいアプリケーション (XAML)］を選択します。プロジェクトの名前を入力し、［OK］をクリックしてプロジェクトを作成します。
MainPage.xaml ページが表示され、<Grid> タグと </Grid> タグの間にカーソルが置かれます。
ツールボックスに移動し、［StackPanel］アイコンをダブルクリックして、MainPage.xaml にパネルを追加します。

x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" を <StackPanel> タグに追加します。次のようになります。

	コードのコピー
<StackPanel x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>

これで、パネル内の要素は、中央で縦方向に配置されて表示されます。

プロジェクトの XAML ウィンドウで、カーソルを <StackPanel> タグと </StackPanel> タグの間に置きます。
ツールボックスに移動し、［StackPanel］アイコンをダブルクリックして、既存の StackPanel にパネルを追加します。

x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" を <StackPanel> タグに追加します。次のようになります。

	コードのコピー
<StackPanel x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>

これで、パネル内の要素は、中央で横方向に配置されて表示されます。

これで、新しい UWP/WinRT スタイルのプロジェクトが作成され、アプリケーションが正しく設定されました。次の手順では、いくつかの Gauges for UWP/WinRT コントロールをアプリケーションに追加し、これらのコントロールをカスタマイズします。